<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Home</title>
    <!--google fonts-->
    <!--<link href="https://fonts.googleapis.com/css?family=PT+Serif|Open+Sans" rel="stylesheet">-->
    <!--<link href="https://fonts.googleapis.com/css?family=Philosopher&text=Customized" rel="stylesheet">-->
    <!--font-awesome CDN-->
    <!--<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">-->
    <!--font-awesome-->
    <link href="styles/css/font-awesome.min.css" rel="stylesheet">

    <link rel="stylesheet" href="scss/utils/Main.css">
    <link rel="stylesheet" href="scss/utils/Index.css">
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/rem/1.3.4/js/rem.min.js"></script>
    <![endif]-->
</head>
<body class="has-main-nav has-admin-aside has-admin-footer">
<header class="header-carousel">
    <div class="">
        <div id="carousel" class="carousel slide">
            <!-- Indicators -->
            <ol class="carousel-indicators carousel-indicators-clean number-carousel-indicators">
                <li data-target="#carousel" data-slide-to="0" class="active">01</li>
                <li data-target="#carousel" data-slide-to="1">02</li>
                <li data-target="#carousel" data-slide-to="2">03</li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="images/index-banner.png" alt="img" class="item-img">
                    <div class="carousel-caption main-carousel-caption">
                        <h1 class="PTSerif uppercase">Discover & Create</br>Unique T-Shirt Designs</h1>
                        <div>
                            <a href="./AdminIndex.html" class="btn btn-stroke-white font-rem-2-4">Start Campaign</a>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img src="images/index-banner.png" alt="img" class="item-img">
                    <div class="carousel-caption main-carousel-caption">
                        <h1 class="PTSerif uppercase">Discover & Create</br>Unique T-Shirt Designs</h1>
                        <div>
                            <a href="./AdminIndex.html" class="btn btn-stroke-white font-rem-2-4">Start Campaign</a>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img src="images/index-banner.png" alt="img" class="item-img">
                    <div class="carousel-caption main-carousel-caption">
                        <h1 class="PTSerif uppercase">Discover & Create</br>Unique T-Shirt Designs</h1>
                        <div>
                            <a href="./AdminIndex.html" class="btn btn-stroke-white font-rem-2-4">Start Campaign</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<main role="main">

    <section class="section-featured">
        <div class="container">
            <div class="container-sm">
                <div class="row">
                    <div class="col-xs-12 col-sm-4">
                        <h2>Featured Products</h2>
                        <a href="#" class="featured-item bg1" style="background-image:url(./images/featured.png); ">
                            <div class="featured-title">LIMITED EDITION</div>
                            <div class="featured-describe">Customized</div>
                        </a>
                        <a href="#" class="featured-item featured-item-sm bg2" style="background-image:url(./images/featured-sm.png); ">
                            <div class="featured-title">LIMITED EDITION</div>
                            <div class="featured-describe">Customized</div>
                        </a>
                    </div>
                    <div class="col-xs-12 col-sm-4">
                        <a href="#" class="featured-item bg3" style="background-image:url(./images/featured.png); ">
                            <div class="featured-title">LIMITED EDITION</div>
                            <div class="featured-describe">Customized</div>
                        </a>
                    </div>
                    <div class="col-xs-12 col-sm-4">
                        <a href="#" class="featured-item bg4" style="background-image:url(./images/featured.png); ">
                            <div class="featured-title">LIMITED EDITION</div>
                            <div class="featured-describe">Customized</div>
                        </a>
                    </div>

                    <div class="col-xs-12 col-sm-8">
                        <a href="#" class="featured-item featured-item-lg bg5" style="background-image:url(./images/featured-lg.png); ">
                            <div class="featured-title">LIMITED EDITION</div>
                            <div class="featured-describe">Customized</div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="section-advantage">
        <div class="section-bg hidden-xs" style="background-image: url(./images/index-banner-2.png) ; "></div>
        <div class="container">
            <div class="container-sm">
                <h2>Why choose me?</h2>
                <div class="row text-center row-1">
                    <div class="col-xs-12 col-sm-4">
                        <div class="card">
                            <i class="card-icon icon-1"></i>
                            <div class="font-rem-2-4">Fast Turnarounds</div>
                            <p class="advantage-describe">Fast deliveries lead to happy customers</p>
                            <a href="./AdminStats.html" class="color-pink font-rem-1-8">View live status</a>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4">
                        <div class="card">
                            <i class="card-icon icon-2"></i>
                            <div class="font-rem-2-4">Low Base Costs</div>
                            <p class="advantage-describe">Earn 30 to 50% more than competition</p>
                            <a href="./AdminProfits.html" class="color-pink font-rem-1-8">View profit calculator</a>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4">
                        <div class="card">
                            <i class="card-icon icon-3"></i>
                            <div class="font-rem-2-4">Low Shipping Prices</div>
                            <p class="advantage-describe">$3.99 domestic </br>$5.99 international</p>
                            <a href="MainFAQ.html" class="color-pink font-rem-1-8">View FAQs</a>
                        </div>
                    </div>
                </div>
                <h3>Technical Features</h3>
                <div class="row row-2">
                    <div class="col-xs-12 col-sm-4"><i class="fa fa-check-circle-o"></i> Email contact lists</div>
                    <div class="col-xs-12 col-sm-4"><i class="fa fa-check-circle-o"></i> Powerful analytics tools</div>
                    <div class="col-xs-12 col-sm-4"><i class="fa fa-check-circle-o"></i> Subaccounts</div>
                    <div class="col-xs-12 col-sm-4"><i class="fa fa-check-circle-o"></i> Multi-level upsells</div>
                    <div class="col-xs-12 col-sm-4"><i class="fa fa-check-circle-o"></i> Coupon Codes</div>
                    <div class="col-xs-12 col-sm-4"><i class="fa fa-check-circle-o"></i> No minimums</div>
                </div>
            </div>
        </div>
    </section>

    <section class="section-classification">
        <div class="container">
            <div class="container-sm">
                <div class="row">
                    <div class="col-xs-12 col-sm-3">
                        <div class="card">
                            <i class="card-icon icon-1"></i>
                            <div>Shirts</div>
                            <div class="describe">Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo.</div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-3">
                       <div class="card">
                           <i class="card-icon icon-2"></i>
                           <div>Shirts</div>
                           <div class="describe">Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo.</div>
                       </div>
                    </div>
                    <div class="col-xs-12 col-sm-3">
                        <div class="card">
                            <i class="card-icon icon-3"></i>
                            <div>Shirts</div>
                            <div class="describe">Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo.</div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-3">
                        <div class="card">
                            <i class="card-icon icon-4"></i>
                            <div>Shirts</div>
                            <div class="describe">Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo.</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="section-follow">
        <div class="container">
            <div class="container-sm">
                <h2 class="section-title">FOLLOW US ON INSTAGRAM</h2>
                <div id="carousel_1" class="carousel slide">

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <div class="row">
                                <div class="col-xs-12 col-sm-4">
                                    <div class="card">
                                        <h4>Perfect flower</h4>
                                        <div class="describe">Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo.</div>
                                    </div>
                                    <ul class="author list-unstyled">
                                        <li><img src="./images/blog-tg.png" alt="" class="head"></li>
                                        <li>
                                            <span class="name">John Doe</span>
                                            <time>2017-06-01</time>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-xs-12 col-sm-4">
                                    <div class="card">
                                        <h4>Perfect flower</h4>
                                        <div class="describe">Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo.</div>
                                    </div>
                                    <ul class="author list-unstyled">
                                        <li><img src="./images/blog-tg.png" alt="" class="head"></li>
                                        <li>
                                            <span class="name">John Doe</span>
                                            <time>2017-06-01</time>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-xs-12 col-sm-4">
                                    <div class="card">
                                        <h4>Perfect flower</h4>
                                        <div class="describe">Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo.</div>
                                    </div>
                                    <ul class="author list-unstyled">
                                        <li><img src="./images/blog-tg.png" alt="" class="head"></li>
                                        <li>
                                            <span class="name">John Doe</span>
                                            <time>2017-06-01</time>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="row">
                                <div class="col-xs-12 col-sm-4">
                                    <div class="card">
                                        <h4>Perfect Roofs</h4>
                                        <div class="describe">Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo.</div>
                                    </div>
                                    <ul class="author list-unstyled">
                                        <li><img src="./images/blog-tg.png" alt="" class="head"></li>
                                        <li>
                                            <span class="name">John Doe</span>
                                            <time>2017-06-01</time>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-xs-12 col-sm-4">
                                    <div class="card">
                                        <h4>Perfect Roofs</h4>
                                        <div class="describe">Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo.</div>
                                    </div>
                                    <ul class="author list-unstyled">
                                        <li><img src="./images/blog-tg.png" alt="" class="head"></li>
                                        <li>
                                            <span class="name">John Doe</span>
                                            <time>2017-06-01</time>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-xs-12 col-sm-4">
                                    <div class="card">
                                        <h4>Perfect Roofs</h4>
                                        <div class="describe">Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo.</div>
                                    </div>
                                    <ul class="author list-unstyled">
                                        <li><img src="./images/blog-tg.png" alt="" class="head"></li>
                                        <li>
                                            <span class="name">John Doe</span>
                                            <time>2017-06-01</time>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="row">
                                <div class="col-xs-12 col-sm-4">
                                    <div class="card">
                                        <h4>Perfect Roofs</h4>
                                        <div class="describe">Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo.</div>
                                    </div>
                                    <ul class="author list-unstyled">
                                        <li><img src="./images/blog-tg.png" alt="" class="head"></li>
                                        <li>
                                            <span class="name">John Doe</span>
                                            <time>2017-06-01</time>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-xs-12 col-sm-4">
                                    <div class="card">
                                        <h4>Perfect Roofs</h4>
                                        <div class="describe">Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo.</div>
                                    </div>
                                    <ul class="author list-unstyled">
                                        <li><img src="./images/blog-tg.png" alt="" class="head"></li>
                                        <li>
                                            <span class="name">John Doe</span>
                                            <time>2017-06-01</time>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-xs-12 col-sm-4">
                                    <div class="card">
                                        <h4>Perfect Roofs</h4>
                                        <div class="describe">Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo.</div>
                                    </div>
                                    <ul class="author list-unstyled">
                                        <li><img src="./images/blog-tg.png" alt="" class="head"></li>
                                        <li>
                                            <span class="name">John Doe</span>
                                            <time>2017-06-01</time>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Indicators -->
                    <ol class="carousel-indicators dashed-carousel-indicators">
                        <li data-target="#carousel_1" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel_1" data-slide-to="1"></li>
                        <li data-target="#carousel_1" data-slide-to="2"></li>
                    </ol>
                </div>

            </div>
        </div>
    </section>

    <section class="margin-footer section-latest">
        <div class="container">
            <div class="container-sm">
                <h2 class="section-title">LATEST FROM BLOG</h2>
                <div class="row">
                    <div class="col-xs-12 col-sm-4">
                        <div class="thumbnail thumbnail-clean">
                            <img src="images/index-1.png" alt="blog cover img">
                            <div class="caption">
                                <h3 class="thumbnail-title"><a href="MainBlogDetails.html">HELLO NICE TO MEET YOU</a></h3>
                                <div class="thumbnail-author">
                                    <span class="font-rem-1-6">By JAMMIE LANDING Dec 6</span>
                                </div>
                                <p class="thumbnail-content"><a href="MainBlogDetails.html">Jeans are pants made from denim or dungaree cloth. Often the term “jeans” refers to a particular style of pants, called “blue jeans” and invented by Jacob Davis and Levi Strauss in 1873. Starting in the 1950s, jeans, originally designed for cowboys, became popular among teena gers, es pecially members of the greaser....</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4">
                        <div class="thumbnail thumbnail-clean">
                            <img src="images/index-1.png" alt="blog cover img">
                            <div class="caption">
                                <h3 class="thumbnail-title"><a href="MainBlogDetails.html">HELLO NICE TO MEET YOU</a></h3>
                                <div class="thumbnail-author">
                                    <span class="font-rem-1-6">By JAMMIE LANDING Dec 6</span>
                                </div>
                                <p class="thumbnail-content"><a href="MainBlogDetails.html">Jeans are pants made from denim or dungaree cloth. Often the term “jeans” refers to a particular style of pants, called “blue jeans” and invented by Jacob Davis and Levi Strauss in 1873. Starting in the 1950s, jeans, originally designed for cowboys, became popular among teena gers, es pecially members of the greaser....</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4">
                        <div class="thumbnail thumbnail-clean">
                            <img src="images/index-1.png" alt="blog cover img">
                            <div class="caption">
                                <h3 class="thumbnail-title"><a href="MainBlogDetails.html">HELLO NICE TO MEET YOU</a></h3>
                                <div class="thumbnail-author">
                                    <span class="font-rem-1-6">By JAMMIE LANDING Dec 6</span>
                                </div>
                                <p class="thumbnail-content"><a href="MainBlogDetails.html">Jeans are pants made from denim or dungaree cloth. Often the term “jeans” refers to a particular style of pants, called “blue jeans” and invented by Jacob Davis and Levi Strauss in 1873. Starting in the 1950s, jeans, originally designed for cowboys, became popular among teena gers, es pecially members of the greaser....</a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="text-center view-more">
                    <a href="MainBlog.html" class="btn btn-clean">VIEW MORE</a>
                </div>
            </div>
        </div>
    </section>
</main>

<script src="lib/jquery.1.12.4.min.js"></script>
<script src="lib/bootstrap.min.js"></script>
<script src="scripts/index.js"></script>
</body>
</html>